<template>
  <div>
    工资
    <hr>
    <input type="file" @change="changeFile">
  </div>
</template>
<script>
/*
1:下载插件cos-js-sdk-v5
2:导入与实例化
3：
      cos.putObject(
        {
          Bucket: 'abc-1305249343', // 存储桶名字
          Region: 'ap-chongqing' ,  // 服务器地域标识
          Key: file.name ,  // 上传的文件名，一定要字符串
          StorageClass: 'STANDARD',  // 固定参数
          Body: file,   // 上传的文件对象
          onProgress: function(progressData) {
            // 上传的进度条值
            console.log(JSON.stringify(progressData))
          }
        },
        function(err, data) {
          // err:如果出错显示错误信息   data:正常返回上传成功的文件地址
          console.log(err || data)
        }
      )
*/
// 存储文件
import COS from 'cos-js-sdk-v5'
const cos = new COS({
  SecretId: 'AKIDNXR8bpeSF1JL8EyZopxRfdHgqGUeuEn8', // 身份识别 ID
  SecretKey: 'HJ9mAbQEn7jgjY9swEI6yAamk7MN8hty' // 身份密钥
})
export default {
  methods: {
    changeFile(e) {
      const file = e.target.files[0]
      console.log(e.target.files[0])
      cos.putObject(
        {
          Bucket: 'abc-1305249343' /* 必须 存储桶*/,
          Region: 'ap-chongqing' /* 存储桶所在地域，必须字段 */,
          Key: file.name /* 必须 */,
          StorageClass: 'STANDARD',
          Body: file, // 上传文件对象
          onProgress: function(progressData) {
            // 上传进度
            console.log(JSON.stringify(progressData))
          }
        },
        function(err, data) {
          console.log(err || data)
        }
      )
    }
  }
}
</script>
<style></style>
